@charset="utf-8";

/*COMMON CSS*/
#Wrap{
    width:100%;
    padding-top:2.60416666vw/*50px*/;
    position:relative;
}
#Wrap>div{
    width:100%;
}
#headerWrap{
    position:absolute;
    left:0;
    top:0;
    height:2.60416666vw/*50px*/;
    background:#424242;
    padding:0.677083333vw/*13px*/;
    box-sizing:border-box;
}
#headerWrap header{
    width:100%;
}
#headerWrap header .h_logo{
    float:left;
    width:1.25vw/*24px*/;
    height:auto;
}
#headerWrap header .h_close{
    float:right;
    cursor:pointer;
    width:1.25vw/*24px*/;
    height:auto;
}
#footerWrap{
    height:10.4166666vw/*200px*/;
    padding:0 5.208333333vw/*100px*/;
    box-sizing:border-box;
    float:left;
}
#footerWrap .f_text{
    font-size:0.7291666666vw/*14px*/;
    line-height:1.041666666vw/*20px*/;
}
.hide{
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    /*fixed*/
    visibility: hidden;
}
.icon_normal{
    cursor:pointer;
}
.icon_on{
    cursor:pointer;
    display:none;
}
body{ 
    font-family: 'NanumSquare', sans-serif; 
    -ms-user-select: none; 
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.normal{font-weight: 400}
.bold{font-weight: 700}
.extra{font-weight: 800}
.light{font-weight: 300}
a{
    display:block;
    width:100%;
    height:100%;
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: 0.104166666vw/*2px*/ 0.104166666vw/*2px*/ 0.416666666vw/*8px*/ 0px rgba(0, 0, 0, 0.2) inset; 
	border-radius: 0.390625vw/*7.5px*/;
	background-color: #dcdcdc;
}
::-webkit-scrollbar
{
	width: 0.78125vw/*15px*/;
    background:transparent;
}
::-webkit-scrollbar-thumb
{
	border-radius: 0.338541666vw/*6.5px*/;
	background-color: #ffffff;
    border:1px solid #bebebe;
    background-image:url(../img/01_intro/scroll_bg.png), -webkit-linear-gradient(360deg,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 25%,transparent 100%,rgba(0, 0, 0, 0.1) 75%,transparent);
    background-repeat: no-repeat;
    background-position: center;
    background-size:0.364583333vw/*7px*/ auto;
}

.mov_wrapper{
    position:absolute;
    z-index: 9;
}
.mov_wrapper01{
    width:3.28125vw/* 63px */;
    height:2.65625vw/* 51px */;
    left:2.39583333vw/* 46px */;
    top:6.09375vw/* 117px */;
}
.mov_wrapper03{
    width:24.5833333vw/* 472px */;
    height:16.5625vw/* 318px */;
    left:19.0625vw/* 366px */;
    top:35.15625vw/* 675px */;
}
.mov_wrapper img{
    position:absolute;
    width:100%;
    height:auto;
}
.mov_wrapper01 img.mov_img01{
    left:0;
    top:0;
    z-index: 1;
}
.mov_wrapper01 img.mov_img01{
    animation:balloon infinite 3s 0.5s;
}
.mov_wrapper01 img.mov_img01_bg{
    left:0;
    top:0;
}

.mov_wrapper03 img.mov_img03{
    left:3.07291666vw/*59px*/;
    top:0.15625vw/*3px*/;
    z-index: 1;
    width:5.05208333vw/*97px*/;
}
.mov_wrapper03 img.mov_img03{
    animation:shake infinite 3s 0.5s ease-in-out;
    transform-origin: 70px bottom;
}
.mov_wrapper01 img.mov_img03_bg{
    left:0;
    top:0;
}
@keyframes balloon {
    0%, 100% {
    transform: translateY(0);
    }


    50% {
    transform: translateY(11%);
    }
}
@keyframes climb {
    0%, 100% {
    transform: translate(0);
    }


    50% {
    transform: translate(50%,100%);
    }
}
@keyframes shake {
    0%, 100% {
    transform: rotateZ(0);
    }


    50% {
    transform: rotateZ(-5deg);
    }
}
/*COMMON CSS end*/

/*INTRO CSS*/

/*navWrap*/
#navWrap{
    background:url(../img/01_intro/intro_bg.png) no-repeat left top/cover;
    padding-bottom:6.77083333vw/*130px*/;    
}
#navWrap>div{
    float:left;
}
#navWrap:after{
    content:'';
    display:block;
    clear:both;
}

/*tit_wrapper*/
.tit_wrapper{
    margin-left:5.20833333vw/*100px*/;
    margin-top:3.802083333vw/*73px*/;
}
.tit_wrapper span{
    display:block;
}
.tit_wrapper .school{
    font-size:1.666666666vw/*32px*/;
    line-height:3.020833333vw/*58px*/;
    color:#33439a;
    letter-spacing:0.52em;
}
.tit_wrapper .subject{
    font-size:5.20833333vw/*100px*/;
    line-height:5.98958333vw/*115px*/;
    color:#271d1a;
}
.tit_wrapper .curriculum{
    font-size:1.04166666vw/*20px*/;
    line-height:3.22916666vw/*62px*/;
    color:#271d1a;
}
/*tit_wrapper end*/

/*book_wrapper*/
.book_wrapper{
    width:32.5vw/*624px*/;
    height:42.7083333vw/*820px*/;
    margin-left:4.32291666vw/*83px*/;
    margin-top:4.16666666vw/*80px*/;
    position:relative;
}

/*bookmark_wrapper*/
.bookmark_wrapper{
    width:32.5vw/*624px*/;
    position:absolute;
    top:0;
    z-index:4;
}
.bookmark_wrapper>#dBook{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 42.70833333vw/*820px*/;
}
.bookmark_wrapper .bookmark_btn_wrapper{
    position:relative;
	z-index:3;
}
.bookmark_wrapper .bookmark_btn_wrapper .bookmark_btn{
    width:4.42708333vw/*85px*/;
    box-sizing:border-box;
    padding-right:0.78125vw/*15px*/;
    position:absolute;
    left:1.5625vw/*30px*/;
    top:-0.78125vw/*-15px*/;
    background:url(../img/01_intro/bookmark_btn_bg.png) no-repeat left top;
    z-index:3;
}
.bookmark_wrapper .bookmark_btn_wrapper .bookmark_btn img{
    border-radius:0.78125vw/*15px*/;
    -moz-border-radius:0.78125vw/*15px*/;
    -webkit-border-radius:0.78125vw/*15px*/;
    border-top-right-radius:2px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    width:3.64583333vw/*70px*/;
    height:auto;
}

.bookmark_wrapper .bookmark_list_wrapper{
    width:100%;
    height:42.70833333vw/*820px*/;
    background:#4f5d60;
    display:none;
    position:absolute;
    left:0;
    top:0;
	padding:0 0.625vw/* 12px */;
	padding-top:2.08333333vw/* 40px */;
	padding-bottom:1.04166666vw/* 20px */;
	box-sizing:border-box;
}

.bookmark_tab_container{
	float:right;
	margin-bottom:-0.364583333vw/* -7px */;
}
.bookmark_tab_container ul{
	overflow:hidden;
	margin-right:0.677083333vw/* 13px */;
}
.bookmark_tab_container ul li{
	opacity:.6;
	cursor:pointer;
	float:left;
	margin-right:0.520833333vw/* 10px */;
	width:5.72916666vw/* 110px */;
}
.bookmark_tab_container ul li:hover{
	opacity:1;
}
.bookmark_tab_container ul li.on{
	opacity:1;
}
.bookmark_tab_container ul li img{
	margin:0 -0.364583333vw/* -7px */;
	width:6.45833333vw/* 124px */;
}

.table_container{
	background:url(../img/01_intro/table_container_bg.png) no-repeat left top/100% auto;
	padding:1.5625vw/* 30px */;
	box-sizing:border-box;
	border-radius:0.520833333vw/* 10px */;
	box-shadow: 0px 0px 8px 0px rgba(27, 24, 4, 0.2);
	float:left;
	width:31.25vw/* 600px */;
}
.table_container table{
	display:block;
	min-height:34.375vw/* 660px */;
	max-height:34.375vw/* 660px */;
	overflow-y:auto;
}
.table_container tr{
	height:3.07291666vw/* 59px */;
	cursor:pointer;
	border-bottom:1px solid #b9c3c7;
	padding:0.46875vw/* 9px */ 0;
}
.table_container tr:hover{
	background:url(../img/01_intro/bookmark_list_hover_bg.png) no-repeat left center;
	background-size:88.8888888%/* 480px */ 2.08333333vw/* 40px */;
}
.table_container tr.on{
	background:url(../img/01_intro/bookmark_list_hover_bg.png) no-repeat left center;
	background-size:88.8888888%/* 480px */ 2.08333333vw/* 40px */;
}
.table_container td{
	font-size:1.04166666vw/* 20px */;
	line-height:2.08333333vw/* 40px */;
	color:#333333;
	text-align:center;
	vertical-align:middle;
}
.table_container td:nth-child(2){
	text-align:left;
	padding:0 1.30208333vw/* 25px */;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:21.3541666vw/* 410px */;
	box-sizing:border-box;
}
.table_container td button{
	display:none;
}
.table_container td img{
	vertical-align:middle;
}
/*bookmark_wrapper end*/

/*bookcover*/
.bookcover_wrapper{
    width:32.5vw/*624px*/;
    position:absolute;
    z-index:3;
}
.bookcover_wrapper .bookcover{
    -webkit-box-shadow: -0.208333333vw/* -4px */ -0.104166666vw/* -2px */ 0.78125vw/* 15px */ 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -0.208333333vw/* -4px */ -0.104166666vw/* -2px */ 0.78125vw/* 15px */ 0px rgba(0,0,0,0.2);
    box-shadow: -0.208333333vw/* -4px */ -0.104166666vw/* -2px */ 0.78125vw/* 15px */ 0px rgba(0,0,0,0.2);
    position:relative;
}
.bookcover_wrapper .bookcover img{
    -webkit-box-shadow: 0.520833333vw/* 10px */ 0.572916666vw/* 11px */ 1.04166666vw/* 20px */ 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0.520833333vw/* 10px */ 0.572916666vw/* 11px */ 1.04166666vw/* 20px */ 0px rgba(0,0,0,0.4);
    box-shadow: 0.520833333vw/* 10px */ 0.572916666vw/* 11px */ 1.04166666vw/* 20px */ 0px rgba(0,0,0,0.4);
    width:32.5vw/*624px*/;
    height:auto;
}
.bookcover_wrapper .bookcover .book_mask{
    background:rgba(0,0,0,0.5);
    display:none;
    width:32.5vw/*624px*/;
    height:42.7083333vw/*820px*/;
    position:absolute;
    left:0;
    top:0;
    z-index:9;
}
.bookcover_wrapper .bookcover .book_mask .book_mask_txt{
    display:block;
    width:13.5416666vw/*260px*/;
    height:3.90625vw/*75px*/;    
    border:0.104166666vw/*2px*/ solid #fff;
    border-radius: 1.04166666vw/*20px*/;
    -moz-border-radius: 1.04166666vw/*20px*/;
    -webkit-border-radius: 1.04166666vw/*20px*/;
    background:rgba(255,255,255,0.15);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    box-shadow: 0px 0.208333333vw/*4px*/ 0.416666666vw/*8px*/ 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0.208333333vw/*4px*/ 0.416666666vw/*8px*/ 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0.208333333vw/*4px*/ 0.416666666vw/*8px*/ 0px rgba(0, 0, 0, 0.2);
    box-sizing:border-box;
}
.bookcover_wrapper .bookcover .book_mask .book_mask_txt span{
    display:block;
    width:100%;
    height:100%;
    font-size:1.97916666vw/*38px*/;
    line-height:3.80208333vw/*73px*/;
    color:#fff;
    font-weight:900;
    text-align: center;
    text-shadow: 0px 0.208333333vw/*4px*/ 0.416666666vw/*8px*/ rgba(0, 0, 0, 0.3); 
    -moz-text-shadow: 0px 0.208333333vw/*4px*/ 0.416666666vw/*8px*/ rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 0px 0.208333333vw/*4px*/ 0.416666666vw/*8px*/ rgba(0, 0, 0, 0.3);
}
.bookcover_wrapper .bookcover:hover .book_mask{
    display:block;
}
/*bookcover end*/

/*index_wrapper*/
.index_wrapper{
    position:absolute;
    left:32.5vw/*624px*/;
    top:0;
    z-index:2;
    width:3.64583333vw/*70px*/;
    height:100%;
    overflow:hidden;
	padding-right:0.572916666vw/* 11px */;
	padding-bottom:0.625vw/* 12px */;
}
.index_wrapper .index_btn_wrapper{    
    position:absolute;
    left:-0.416666666vw/* -8px */;
    top:38.6979166vw/*743px*/;
    z-index:2;
}
.index_wrapper .index_btn_wrapper .index_btn{
}
.index_wrapper .index_btn_wrapper .index_btn img{
    width:4.63541666vw/* 89px */;
    height:auto;
}

.index_wrapper .index_list_wrapper{
    width:37.39583333vw/*718px*/;
    height:39.0625vw/*750px*/;
    background:url(../img/01_intro/list_bg.png) no-repeat left top/cover;
    margin-top:1.82291666vw/*35px*/;
    padding-top:2.8125vw/*54px*/;
    padding-right:3.28125vw/*63px*/;
    padding-bottom:3.95833333vw/*76px*/;
    box-sizing:border-box;
    position:absolute;
    left:-37.3958333vw/*-718px*/;
}

.index_wrapper .index_list_wrapper .index_close_btn{
    position:absolute;
    right:-0.729166666vw/*-14px*/;
    top:1.25vw/*24px*/;
    display:none;
}
.index_wrapper .index_list_wrapper .index_close_btn img{
    cursor: pointer;
    width:3.02083333vw/*58px*/;
    height:auto;
}

.index_wrapper .index_list_wrapper .list_wrapper{
    height:32.2916666vw/*620*/;
    max-height:620px;
    overflow-y:auto;
}
.index_wrapper .index_list_wrapper .list_wrapper>span{
    content: '';
    display:block;
    width:3.59375vw/* 69px */;
    height:3.64583333vw/* 70px */;
    background:url(../img/01_intro/list_bg02.png) no-repeat left top/cover;
    position:absolute;
    right:-3.59375vw/* -69px */;
    top:21.8229166vw/* 416px */;
    opacity: 0.7;
}
.index_wrapper .index_list_wrapper .list_wrapper span{
    cursor: pointer;
}
.list_wrapper ul.b_idx{
    color:#333;
}
.list_wrapper ul.b_idx>li{
    margin-bottom:0.15625vw/*3px*/;
    
}
.list_wrapper ul.b_idx>li>span{
    display:inline-block;
    width:29.1666666vw/*560px*/;
    font-size:1.25vw/*24px*/;
    line-height:3.125vw/*60px*/;
    border-radius: 0.104166666vw/*2px*/ 0.78125vw/*15px*/ 0.78125vw/*15px*/ 0.104166666vw/*2px*/;
    -moz-border-radius: 0.104166666vw/*2px*/ 0.78125vw/*15px*/ 0.78125vw/*15px*/ 0.104166666vw/*2px*/;
    -webkit-border-radius: 0.104166666vw/*2px*/ 0.78125vw/*15px*/ 0.78125vw/*15px*/ 0.104166666vw/*2px*/;
    padding-left:3.64583333vw/*70px*/;
    box-sizing:border-box;
}
.list_wrapper ul.b_idx>li>span:hover{
    background:url(../img/01_intro/list_arrow_hover.png) no-repeat 26.4583333vw/*508px*/ center #ffe4d4;
    background-size:0.625vw/*12px*/ auto;
    font-weight:900;
}
.list_wrapper ul.b_idx>li>span.active{
    background:url(../img/01_intro/list_arrow_active.png) no-repeat 26.4583333vw/*508px*/ center #ffe4d4;
    background-size:0.625vw/*12px*/ auto;
    font-weight:900;
}

.list_wrapper ul.m_idx{
    padding-left:3.64583333vw/*70px*/;
    padding-top:0.78125vw/*15px*/;
    display:none;
}
.list_wrapper ul.m_idx>li{
    margin-bottom:0.260416666vw/*5px*/;
}
.list_wrapper ul.m_idx>li>span{
    display:inline-block;
    width:25.5208333vw/*490px*/;
    font-size:1.04166666vw/*20px*/;
    line-height:2.08333333vw/*40px*/;
    border-radius:0.520833333vw/*10px*/;
    -moz-border-radius:0.520833333vw/*10px*/;
    -webkit-border-radius:0.520833333vw/*10px*/;
    padding:0 1.5625vw/*30px*/;
    box-sizing:border-box;
    word-break: keep-all;
}
.list_wrapper ul.m_idx>li>span:hover{
    background:url(../img/01_intro/list_arrow_hover.png) no-repeat 22.8125vw/*438px*/ center #fff1d4;
    background-size:0.625vw/*12px*/ auto;
    font-weight:700;
}
.list_wrapper ul.m_idx>li>span.active{
    background:url(../img/01_intro/list_arrow_active.png) no-repeat 22.8125vw/*438px*/ center #fff1d4;3
    background-size:0.625vw/*12px*/ auto;
    font-weight:700;
}
.list_wrapper ul.m_idx>li.no_arrow>span:hover{
    background:#fff1d4;
    font-weight:700;
}

.list_wrapper ul.s_idx{
    padding-left:2.8125vw/*54px*/;
    padding-top:1.04166666vw/*20px*/;
    padding-bottom:1.04166666vw/*20px*/;
    display:none;
}
.list_wrapper ul.s_idx>li{
    margin-bottom:0.7291666666vw/*14px*/;
    cursor:pointer;
    height:1.30208333vw/*25px*/;
}
.list_wrapper ul.s_idx>li:last-child{
    margin-bottom:0;
}
.list_wrapper ul.s_idx>li>span{
    font-size:1.04166666vw/*20px*/;
    line-height:1.04166666vw/*20px*/;
    color:#5d5d5d;
    padding-bottom:0.15625vw/*3px*/;
}
.list_wrapper ul.s_idx>li:hover>span{
    color:#ec6c33;
    border-bottom:1px solid #ec6c33;
}
.go_btn{
    display:inline-block;
    width:2.60416666vw/*50px*/;
    height:2.083333333vw/*40px*/;
    text-align:center;
    text-transform:uppercase;
    background:url(../img/01_intro/list_go_btn.png) no-repeat left top/cover;    
    cursor:pointer;
    margin-left:0.3125vw/*6px*/;
}
.go_btn img{
    width:100%/*50px*/;
    height:auto;
}
.b_idx>li>.go_btn{
    margin-bottom:0.520833333vw/*10px*/;
}
/*index_wrapper end*/

/*nav_wrapper*/
.nav_wrapper{
    margin-top:9.27083333vw/*178px*/;
    margin-left:6.30208333vw/*121px*/;
}
.nav_wrapper ul li{
    width:21.0416666vw/*404px*/;
    height:8.02083333vw/*154px*/;
    background:url(../img/01_intro/nav_bg.png) no-repeat left top/contain;
    position:relative;
    margin-bottom:0.833333333vw/*16px*/;
}
.nav_wrapper ul li.nav02{
    margin-left:2.08333333vw/*40px*/;
}
.nav_wrapper ul li.nav03{
    margin-left:4.16666666vw/*80px*/;
}
.nav_wrapper ul li.nav04{
    margin-left:6.25vw/*120px*/;
}

.nav_wrapper ul li:before{
    content:'';
    display:block;
    position:absolute;
    opacity:0.85;
}
.nav_wrapper ul li.nav01:before{
    width:5.3125vw/* 102px */;
    height:4.6875vw/* 90px */;
    background:url(../img/01_intro/nav_bg01.png) no-repeat left top/contain;
    left:6.82291666vw/* 131px */;
    top:-3.125vw/* -60px */;
}
.nav_wrapper ul li.nav02:before{
    width:4.79166666vw/* 92px */;
    height:2.96875vw/* 57px */;
    background:url(../img/01_intro/nav_bg02.png) no-repeat left top/contain;
    left:14.84375vw/* 285px */;
    top:-1.51041666vw/* -29px */;
}
.nav_wrapper ul li.nav03:before{
    width:2.60416666vw/* 50px */;
    height:4.0625vw/* 78px */;
    background:url(../img/01_intro/nav_bg03.png) no-repeat left top/contain;
    left:7.1875vw/* 138px */;
    top:-1.5625vw/* -30px */;
    z-index: 1;
}
.nav_wrapper ul li.nav04:before{
    width:3.80208333vw/* 73px */;
    height:3.95833333vw/* 76px */;
    background:url(../img/01_intro/nav_bg04.png) no-repeat left top/contain;
    left:15.78125vw/* 303px */;
    top:-0.989583333vw/* -19px */;
    z-index: 2;
}

.nav_wrapper ul li.nav01:hover:before{
    opacity: 1;
}
.nav_wrapper ul li.nav02:hover:before{
    opacity: 1;
}
.nav_wrapper ul li.nav03:hover:before{
    opacity: 1;
}
.nav_wrapper ul li.nav04:hover:before{
    opacity: 1;
}

.nav_wrapper ul li a span{
    display:block;
    width:100%;
    height:100%;
    opacity: 0.85;
    position:relative;
}
.nav_wrapper ul li.nav01 span{
    background:url(../img/01_intro/nav_icon01.png) no-repeat left top/contain ,url(../img/01_intro/nav_btn.png) no-repeat left top/contain;
}
.nav_wrapper ul li.nav02 span{
    background:url(../img/01_intro/nav_icon02.png) no-repeat left top/contain ,url(../img/01_intro/nav_btn.png) no-repeat left top/contain;
}
.nav_wrapper ul li.nav03 span{
    background:url(../img/01_intro/nav_icon03.png) no-repeat left top/contain ,url(../img/01_intro/nav_btn.png) no-repeat left top/contain;
}
.nav_wrapper ul li.nav04 span{
    background:url(../img/01_intro/nav_icon04.png) no-repeat left top/contain ,url(../img/01_intro/nav_btn.png) no-repeat left top/contain;
}
.nav_wrapper ul li a span img{
    position:absolute;
    left:7.1875vw/*138px*/;
    top:50%;
    transform:translateY(-50%);
    width:11.71875vw/*225px*/;
    height:auto;
}
.nav_wrapper ul li:hover span{
    opacity:1;
}
/*nav_wrapper end*/

/*book_wrapper end*/

/*navWrap end*/

/*footerWrap*/
#footerWrap.intro{
    padding-top:1.9270833vw/*37px*/;
    padding-bottom:2.4479166vw/*47px*/;
    margin-top:-10.416666vw/*-200px*/;
}
#footerWrap.intro img{
    margin-bottom:1.3541666vw/*26px*/;
    width:9.16666666vw/*176px*/;
}
/*footerWrap end*/
/*INTRO CSS end*/





/*LIBRARY CSS*/
#Wrap.lib{
    
}

/*contentWrap*/
#contentWrap{
    background:url(../img/02_lib/lib_bg.png) no-repeat left top/cover;
    overflow:hidden;
    padding-bottom:6.82291666vw/*131px*/;
}
/*contentWrap end*/

/*leftWrap*/
#leftWrap{
    float:left;
    position:relative;
}
#leftWrap .tit_wrapper.lib{
    margin-left:5.20833333vw/*100px*/;
    margin-top:3.69791666vw/*71px*/;
}
#leftWrap .tit_wrapper.lib .school{
    font-size:1.04166666vw/*20px*/;
    line-height:1.875vw/*36px*/;
}
#leftWrap .tit_wrapper.lib .subject{
    font-size:3.125vw/*60px*/;
    line-height:3.80208333vw/*73px*/;
}
#leftWrap .tit_wrapper.lib .curriculum{
    font-size:0.78125vw/*15px*/;
    line-height:2.08333333vw/*40px*/;
}

#leftWrap .bookcover_wrapper{
    width:13.0208333vw/*250px*/;
    left:5.20833333vw/*100px*/;
    top:29.6875vw/*570px*/;
}
#leftWrap .bookcover_wrapper .bookcover{
    box-shadow: 0.520833333vw/*10px*/ 0.572916666vw/*11px*/ 1.04166666vw/*20px*/ 0px rgba(42, 31, 0, 0.4); 
    -moz-box-shadow: 0.520833333vw/*10px*/ 0.572916666vw/*11px*/ 1.04166666vw/*20px*/ 0px rgba(42, 31, 0, 0.4); 
    -webkit-box-shadow: 0.520833333vw/*10px*/ 0.572916666vw/*11px*/ 1.04166666vw/*20px*/ 0px rgba(42, 31, 0, 0.4); 
}
#leftWrap .bookcover_wrapper .bookcover a{}
#leftWrap .bookcover_wrapper .bookcover a .book_mask{
    width:100%;
    height:100%;
}
#leftWrap .bookcover_wrapper .bookcover a .book_mask .book_mask_txt{
    width:8.33333333vw/*160px*/;
    height:2.39583333vw/*46px*/;
    border:2px solid #fff;
    border-radius:0.677083333vw/*13px*/;
    -moz-border-radius:0.677083333vw/*13px*/;
    -webkit-border-radius:0.677083333vw/*13px*/;
}
#leftWrap .bookcover_wrapper .bookcover a .book_mask .book_mask_txt span{
    font-size:1.25vw/*24px*/;
    line-height:2.1875vw/*42px*/;
}
#leftWrap .bookcover_wrapper .bookcover a img{
    width:13.02083333333333vw/*250px*/;
    height:auto;
    box-shadow: -0.208333333vw/*-4px*/ -0.15625vw/*-3px*/ 0.78125vw/*15px*/ 0px rgba(42, 31, 0, 0.2); 
    -moz-box-shadow: -0.208333333vw/*-4px*/ -0.15625vw/*-3px*/ 0.78125vw/*15px*/ 0px rgba(42, 31, 0, 0.2); 
    -webkit-box-shadow: -0.208333333vw/*-4px*/ -0.15625vw/*-3px*/ 0.78125vw/*15px*/ 0px rgba(42, 31, 0, 0.2); 
}
/*leftWrap end*/

/*navWrap*/
#navWrap.lib{
    background:none;
    position:absolute;
    right:5.10416666vw/*98px*/;
    top:4.47916666vw/*86px*/;
    width:13.8020833vw/*265px*/;
    padding-bottom:0;
}
#navWrap.lib ul{}
#navWrap.lib ul li{
    float:left;
    width:13.8020833vw/*265px*/;
    height:5.41666666vw/*104px*/;
    background:url(../img/02_lib/nav_bg.png) no-repeat left top/cover;
}
#navWrap.lib ul li a{}
#navWrap.lib ul li a span{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    opacity: 0.85;
}
#navWrap.lib ul li.nav01 a span{
    background:url(../img/02_lib/nav_icon01.png) no-repeat left top/contain,url(../img/02_lib/nav_btn.png) no-repeat left top/cover;
}
#navWrap.lib ul li.nav02 a span{
    background:url(../img/02_lib/nav_icon02.png) no-repeat left top/contain,url(../img/02_lib/nav_btn.png) no-repeat left top/cover;
}
#navWrap.lib ul li a span img{
    position:absolute;
    left:2.70833333vw/*52px*/;
    top:50%;
    transform:translateY(-50%);
    width:11.71875vw/*225px*/;
    height:auto;
}
#navWrap.lib ul li:hover span{
    opacity: 1;
}
/*navWrap end*/

/*rightWrap*/
#rightWrap{
    float:left;
    padding-left:5.57291666vw/*107px*/;
    padding-top:4.6875vw/*90px*/;
}

#rightWrap .table_nav_wrapper{
    
}
#rightWrap .table_nav_wrapper ul{
    margin-left:-0.9375vw/*-18px*/;
}
#rightWrap .table_nav_wrapper ul:after{
    content:'';
    display:block;
    clear:both;
}
#rightWrap .table_nav_wrapper ul li{
    float:left;
    width:14.1666666vw/*272px*/;
    height:3.90625vw/*75px*/;
    cursor:pointer;
    background:url(../img/02_lib/tab_bg_normal.png) no-repeat left top/cover;
}
#rightWrap .table_nav_wrapper ul li:nth-child(2){
    margin-left:-1.97916666vw/*-38px*/;
}
#rightWrap .table_nav_wrapper ul li span{
    display:block;
    width:100%;
    height:100%;
    font-size:1.04166666vw/*20px*/;
    line-height:2.08333333vw/*40px*/;
    color:#898989;
    padding-left:3.54166666vw/*68px*/;
    box-sizing:border-box;
    padding-top:1.35416666vw/*26px*/;
}
#rightWrap .table_nav_wrapper ul li:hover{    
    background:url(../img/02_lib/tab_bg_active.png) no-repeat left top/cover;
}
#rightWrap .table_nav_wrapper ul li:hover span{
    color:#4f4f4f;
    background:url(../img/02_lib/tab_active_bg_line.png) no-repeat 3.54166666vw/*68px*/ bottom;
    background-size:6.51041666vw/*125px*/ 0.104166666vw/*2px*/;
}
#rightWrap .table_nav_wrapper ul li.on{
    background:url(../img/02_lib/tab_bg_active.png) no-repeat left top/cover;
}
#rightWrap .table_nav_wrapper ul li.on span{
    color:#4f4f4f;
    background:url(../img/02_lib/tab_active_bg_line.png) no-repeat 3.54166666vw/*68px*/ bottom;
    background-size:6.51041666vw/*125px*/ 0.104166666vw/*2px*/;
}

/*tableWrap*/
#tableWrap{
    background:#fff;
    border-radius:0 1.04166666vw/*20px*/ 1.04166666vw/*20px*/ 1.04166666vw/*20px*/;
    -moz-border-radius:0 1.04166666vw/*20px*/ 1.04166666vw/*20px*/ 1.04166666vw/*20px*/;
    -webkit-border-radius:0 1.04166666vw/*20px*/ 1.04166666vw/*20px*/ 1.04166666vw/*20px*/;
    box-shadow: 0.520833333vw/*10px*/ 0.572916666vw/*11px*/ 1.04166666vw/*20px*/ 0px rgba(42, 31, 0, 0.4); 
    -moz-box-shadow: 0.520833333vw/*10px*/ 0.572916666vw/*11px*/ 1.04166666vw/*20px*/ 0px rgba(42, 31, 0, 0.4); 
    -webkit-box-shadow: 0.520833333vw/*10px*/ 0.572916666vw/*11px*/ 1.04166666vw/*20px*/ 0px rgba(42, 31, 0, 0.4); 
}

#tableWrap.tab02{
    display:none;
}
#tableWrap .tableWrap_wrapper{
    border-radius:0 1.04166666vw/*20px*/ 1.04166666vw/*20px*/ 1.04166666vw/*20px*/;
    -moz-border-radius:0 1.04166666vw/*20px*/ 1.04166666vw/*20px*/ 1.04166666vw/*20px*/;
    -webkit-border-radius:0 1.04166666vw/*20px*/ 1.04166666vw/*20px*/ 1.04166666vw/*20px*/;
    box-shadow: -0.208333333vw/*-4px*/ -0.104166666vw/*-2px*/ 0.78125vw/*15px*/ 0px rgba(42, 31, 0, 0.2); 
    -moz-box-shadow: -0.208333333vw/*-4px*/ -0.104166666vw/*-2px*/ 0.78125vw/*15px*/ 0px rgba(42, 31, 0, 0.2); 
    -webkit-box-shadow: -0.208333333vw/*-4px*/ -0.104166666vw/*-2px*/ 0.78125vw/*15px*/ 0px rgba(42, 31, 0, 0.2);
    padding:1.61458333vw/*31px*/ 1.04166666vw/*20px*/ 1.77083333vw/*34px*/ 1.04166666vw/*20px*/;
    box-sizing:border-box;
    background:url(../img/02_lib/table_bg01.png) no-repeat 4.21875vw/*81px*/ 33.6979166vw/*647px*/;
	background-size:4.79166666vw/* 92px */ 2.96875vw/* 57px */;
}
#tableWrap.tab02 .tableWrap_wrapper{
    background:url(../img/02_lib/table_bg02.png) no-repeat 4.21875vw/*81px*/ 33.6979166vw/*647px*/;
}

#tableWrap .tab_wrapper{
    width:100%;
    height:3.125vw/*60px*/;
    margin-bottom:1.5625vw/*30px*/;
    background:#f4f4f4;
    border-radius:0.520833333vw/*10px*/;
    -moz-border-radius:0.520833333vw/*10px*/;
    -webkit-border-radius:0.520833333vw/*10px*/;
    box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
    -moz-box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
    -webkit-box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
}
#tableWrap .tab_wrapper ul{}
#tableWrap .tab_wrapper ul:after{
    content:'';
    display:block;
    clear:both;
}
#tableWrap .tab_wrapper ul li{
    float:left;
    width:20%;
    cursor:pointer;
}
#tableWrap .tab_wrapper ul li span{
    display:block;
    font-size:1.04166666vw/*20px*/;
    line-height:3.125vw/*60px*/;
    color:#898989;
    letter-spacing: -0.05em;
    text-align: center;
    border-radius:0.520833333vw/*10px*/;
    -moz-border-radius:0.520833333vw/*10px*/;
    -webkit-border-radius:0.520833333vw/*10px*/;
}

#tableWrap .tab_wrapper02 ul li{
    width:20%;
}
#tableWrap .tab_wrapper ul li:hover span{
    color:#fff;
    background:#8084d6;
    box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
    -moz-box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
    -webkit-box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
}
#tableWrap .tab_wrapper ul li:hover:after{
    content:'';
    display:block;
    width:0.520833333vw/*10px*/;
    height:0.260416666vw/*5px*/;
    margin:0 auto;
    background:url(../img/02_lib/tab_after_bg.png) no-repeat left top/cover;
}
#tableWrap .tab_wrapper ul li.on span{
    color:#fff;
    background:#8084d6;
    box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
    -moz-box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
    -webkit-box-shadow: 0.052083333vw/*1px*/ 0.104166666vw/*2px*/ 0px 0px rgba(17, 26, 29, 0.1) inset; 
}
#tableWrap .tab_wrapper ul li.on:after{
    content:'';
    display:block;
    width:0.520833333vw/*10px*/;
    height:0.260416666vw/*5px*/;
    margin:0 auto;
    background:url(../img/02_lib/tab_after_bg.png) no-repeat left top/cover;
}

#tableWrap .table_wrapper{}

#tableWrap .table_box{}
#tableWrap .table_box .table_box_content{
    min-height:25.5208333vw/*490px*/;
    max-height:25.5208333vw/*490px*/;
}
#tableWrap .table_box01{}
#tableWrap .table_box02{
    display:none;
}
#tableWrap .table_box03{
    display:none;
}
#tableWrap .table_box04{
    display:none;
}
#tableWrap .table_box05{
    display:none;
}
#tableWrap .table_box06{
    
}
#tableWrap .table_box07{
    display:none;
}
#tableWrap .table_box08{
    display:none;
}
#tableWrap .table_box09{
    display:none;
}
#tableWrap .table_box10{
    display:none;
}

.list_container{
	display:inline-block;
	vertical-align:top;
}
.list_container li span,.list_container li a{
	vertical-align:middle;
}
.list_container li{
	font-size:1.04166666vw/* 20px */;
	color:#8e8e8e;
	font-weight:700;
	cursor:pointer;
}
.list01 li.on{
	color:#8084d6;
	text-decoration:underline;
}
.list01 li:hover{
	color:#8084d6;
	text-decoration:underline;
}
.list03 li.on span, .list02 li.on span{
	color:#8084d6;
	text-decoration:underline;
}
.list03 li:hover span, .list02 li:hover span{
	color:#8084d6;
	text-decoration:underline;
}
.list_container li span{
	margin-right:1.5625vw/* 30px */;
}
.list_container li a{
	display:inline-block;
	width:auto;
	margin-right:0.677083333vw/* 13px */;
}
.list01{
	width:17.1875vw/* 330px */;
	padding-top:2.08333333vw/* 40px */;
}
.list01 ul{}
.list01 ul li{
	margin-bottom:2.60416666vw/* 50px */;
	padding-left:1.04166666vw/* 20px */;
}

.list02{
	width:54.1666666vw/* 1040px */;
	min-height:25.5208333vw/* 490px */;
	max-height:25.5208333vw/* 490px */;
	padding:1.82291666vw/* 35px */ 0;
	padding-left:2.08333333vw/* 40px */;
	padding-right:1.30208333vw/* 25px */;
	box-sizing:border-box;
	background:#f4f4f4;
	border-radius:0.520833333vw/* 10px */;
	box-shadow: 1px 2px 0px 0px rgba(17, 26, 29, 0.1) inset; 
}
.list02 ul{
	max-height:21.875vw/* 420px */;
	overflow-y:auto;
}
.list02 ul:not(:first-child){
	display:none;
}
.list02 ul li{
	margin-bottom:1.04166666vw/* 20px */;
}
.list02 ul li span{}
.list02 ul li a{}
.list02 ul li a img{
	width:1.45833333vw/* 28px */;
}

.list03{
	width:35.9375vw/* 690px */;
	min-height:24.4791666vw/* 470px */;
	max-height:24.4791666vw/* 470px */;
	margin-left:-36.4583333vw/* -700px */;
	background:#ffffff;
	border-radius:0.520833333vw/* 10px */;
	margin-top:0.520833333vw/* 10px */;
	padding:1.5625vw/* 30px */ 0;
	padding-left:2.08333333vw/* 40px */;
	padding-right:0.78125vw/* 15px */;
	box-sizing:border-box;
}
.list03 ul{
	max-height:21.3541666vw/* 410px */;
	overflow-y:auto;
	margin-top:0.3125vw/* 6px */;
}
.list03 ul{
	display:none;
}
.list03 ul li{
	margin-bottom:0.833333333vw/* 16px */;
}
.list03 ul li span{}
.list03 ul li a{}
.list03 ul li a img{
	width:1.458333333333333vw/* 28px */;
}

.has_3_list .list02{
	padding-top:3.125vw/* 60px */;
	padding-left:2.60416666vw/* 50px */;
}
.has_3_list .list02 li{
	margin-bottom:2.08333333vw/* 40px */;
}
.has_3_list .list02 li:first-child{
	
}

button.down_all{
    width:7.8125vw/*150px*/;
    height:2.08333333vw/*40px*/;
    background:url(../img/02_lib/down_all_bg.png) no-repeat left top/cover;
    font-size:0.9375vw/*18px*/;
    line-height:2.23958333vw/*43px*/;
    color:#fff;
    font-weight:700;
    margin-left:64.0625vw/*1230px*/;
    margin-top:2.5520833vw/*49px*/;
    cursor:pointer;
}
/*tableWrap end*/

/*rightWrap end*/

/*footerWrap*/
#footerWrap.lib{
    margin-top:-6.82291666vw/*-131px*/;
    height:6.82291666vw/*131px*/;
    padding-top:2.13541666vw/*41px*/;

}
#footerWrap.lib footer img{
    float:left;
    margin-right:1.30208333vw/*25px*/;
    width:2.65625vw/*51px*/;
    height:auto;
}
#footerWrap.lib footer .f_text{
    float:left;
}
/*footerWrap end*/

/*LIBRARY CSS end*/